<template>

  <div id="box">

    <!-- 全部    已授信  未授信-->
    <div class="rent">
      <p><span class="beauty">全部</span><span>未授信</span><span>已授信</span></p>
    </div>

    <div class="floorName">
      <div class="add_item" style="position: relative">
        <span>公寓名称:</span>
        <el-select @click="getBank_branch(this)" v-model="formData.businessId">
          <el-option value="0" label="请选择"></el-option>
        </el-select>
      </div>

      <div class="allBox">
              <p><span><b>总授信额度（元）
                <el-input v-model="formData.totalCreditlineSmall" style="width: 100px"/>—
                <el-input v-model="formData.totalCreditlineLarge" style="width: 100px"/></b></span><span><b>总已用额度（%）
                  <el-input v-model="formData.surplusCreditlineSmall" style="width: 100px" v-on:click.native="clearNoNum"/>%—
                  <el-input v-model="formData.surplusCreditlineLarge" style="width: 100px" v-on:click.native="clearNoNum"/>%</b></span></p>
              <p><span><b>月授信额度（元）
               <el-input v-model="formData.monthlyTotalCreditlineSmall" style="width: 100px"/>—
               <el-input v-model="formData.monthlyTotalCreditlineLarge" style="width: 100px"/></b>
             </span><span><b>月已用额度（%）
               <el-input v-model="formData.monthlySurplusCreditlineSmall" style="width: 100px" v-on:click.native="clearNoNum"/>%—
               <el-input v-model="formData.monthlySurplusCreditlineLarge" style="width: 100px" v-on:click.native="clearNoNum"/>%</b></span></p>
      </div>




    </div>



  </div>

</template>

<script>
export default {
  name: "gyu",
  data(){
    return {
      formData:{
        businessId:"",//公寓名称
        totalCreditlineSmall:"",//总额度小
        totalCreditlineLarge:"",//总额度大
        surplusCreditlineSmall:"",//总已用额度小
        surplusCreditlineLarge:"",//总已用额度大
        monthlyTotalCreditlineSmall:"",//月额度小
        monthlyTotalCreditlineLarge:"",//月额度大
        monthlySurplusCreditlineSmall:"",//月已用额度小
        monthlySurplusCreditlineLarge:"",//月已用额度大
      }


    }
  },
  methods:{
    getBank_branch(that){
      alert(JSON.stringify(that));
    },
    clearNoNum(){
      let that = this;
      alert(JSON.stringify(that.formData.surplusCreditlineSmall));
    }
  },
  created() {

  },
  watch:{

  },

}
</script>
